.nomalBg{background: #F96E57;}
.bgRed{background: #FFCCB3 url(../img/bg.png) no-repeat center top;-webkit-background-size: cover;-moz-background-size: cover;background-size: cover;}
.comRadiu{-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;}
.animal{-webkit-transition: .8s;-moz-transition: .8s;transition: .8s;}
.comText{width: 100%; border: 1px solid #e4bab4; height: 35px; line-height: 35px; background: #FFFFFF;padding-left: 5px; padding-right: 5px;margin-top: 5px; margin-bottom: 5px;}
.comArea{width: 100%; border: 1px solid #e4bab4;background: #FFFFFF;padding-left: 5px; padding-right: 5px;margin-top: 5px; margin-bottom: 5px;}
.comText:focus{border-color: #F96E57;}
.signUp{width: 100%;}
.fontWrite{color: #FFFFFF;}
.imgCon{height: 100px;}
.titleImg{display: block; margin: auto;}
.addImg{display: block; float: left;font-size: 80px;height: 90px;margin-top: 10px;cursor: pointer;}
.addImg:hover{color: #F96E57;}
.imgBox{float: left;width: 100px; height: 70px;margin-top: 15px; position: relative;}
.imgBox img{width: 100px; height: 70px;}
.imgBox span{color: #666666;position: absolute; font-size: 20px; right: -15px; top: -15px;}

.page {display: none;position: absolute;top: 0;left: 0;bottom: 0;right: 0;width: 100%;height: 100%;overflow: hidden;}
#datescroll div{float: left;margin-left: 10%;margin-top: 15px;padding-right: 22px;}
#datescroll_datetime div{float: left;margin-left: 10%;padding-right: 22px;}
#yearwrapper{position: absolute;left: 0;top:45px;bottom: 60px;width:90%;}
#monthwrapper{position: absolute;left: 26%;top:45px;bottom: 60px;width:90%;}
#daywrapper{position: absolute;left: 50%;top:45px;bottom: 60px;width:90%;}
#Hourwrapper{position: absolute;left: 0;top:195px;bottom: 68px;width:90%;}
#Minutewrapper{position: absolute;left: 26%;top:195px;bottom: 68px;width:90%;}
#Secondwrapper{position: absolute;left: 50%;top:195px;bottom: 68px;width:90%;}
#Hourwrapper ul li{color: #898989;font-size: 12px; list-style: none;}
#Minutewrapper ul li{color: #898989;font-size: 12px;list-style: none;}
#Secondwrapper ul li{color: #898989;font-size: 12px;list-style: none;}
#yearwrapper ul li{color: #898989;font-size: 12px;list-style: none;}
#monthwrapper ul li{color: #898989;font-size: 12px;list-style: none;}
#daywrapper ul li{color: #898989;font-size: 12px;list-style: none;}
#markyear{position:relative; margin-left: 76px;top:-2px;}
#markmonth{position:relative; margin-left: 40px;top:-2px;}
#markday{position:relative; margin-left: 42px;top:-2px;}
#markhour{position:relative; margin-left: 62px;top:-2px;}
#markminut{position:relative; margin-left: 58px;top:-2px;}
#marksecond{position:relative; margin-left: 68px;top:-2px;}
#dateheader{width: 100%;height: 50px;background: #79C12F;text-align: center;color: #fff;line-height: 50px;font-size: 20px;}
#setcancle ul{text-align: center;line-height: 30px; margin:1px auto;font-size: 20px;}
#setcancle ul li{border-radius:3px;float: left;width: 40%;height: 30px;list-style-type: none;font-family:'microsoft yahei';font-size:16px;}
#dateconfirm{position: absolute;background:#79C12F;left:20px;color:#fff;}
#datecancle{position: absolute;background:  #dcdddd;right:20px;width: 40%;color:#666;}
#dateshadow{display: none;position: absolute;width: 100%;height: 100%;top:0;left:0;background: #000; filter:alpha(Opacity=50);-moz-opacity:0.5;opacity: 0.5;}
#datePage{font-size: 22px; border-radius: 3px; position:absolute;top:110px;MARGIN-RIGHT: auto;vertical-align:middle;
MARGIN-LEFT: auto;width: 80%;;height: 240px;background: #FFFFFF;z-index:9999999;}
#datePage section{margin: 0px;}
#datetitle{width: 100%;height:50px; background: #79C12F;text-align: center;color: #fff;line-height: 50px;font-size: 25px;font-family:'microsoft yahei';}
#datetitle h1{font-weight:normal;margin-top: 0px; line-height: 50px;}
#datemark{font-size: 18px;left:5%;width: 90%;height: 20px;position:absolute;top:108px;background:#eee;border:1px solid #eee;}
#timemark{font-size: 18px;left:5%;width: 90%;height: 20px;position:absolute;top:242px;background:#eee;border:1px solid #eee;}
#datescroll{background: #F8F8F8;width:94%; margin:10px 3%;border: 1px solid #E0E0E0;border-radius: 4px;height: 120px;text-align: center;line-height: 40px;}
#datescroll_datetime{display: none;background:#F8F8F8;width:94%; margin:10px 3%;margin-top: 10px;border: 1px solid #E0E0E0;border-radius: 4px;height: 120px;text-align: center;line-height: 40px;}
#yearwrapper ul,#monthwrapper ul,#daywrapper ul{width:40%;}
#Hourwrapper ul,#Minutewrapper ul,#Secondwrapper ul{width:40%;}
#dateFooter{width:100%;background: #fff;height: 50px;bottom: 0px;position: absolute;}
.demo{width:300px;margin:40px auto 0 auto;}
.demo .lie{margin:0 0 20px 0;}
.kbtn{line-height:22px; height:22px; padding:0 5px;}
#datetitle h1{font-size:18px;}
.grayBg{background: #f3f3f3; margin-bottom: 5px;color: #444444;}
.colorOrange{color: orangered; font-size: 18px;}
.colorWhrite{color: #FFFFFF;}
.conBox{width: 100%; overflow: hidden;position: relative;}
.conBox small{position: absolute; height: 25px; width: auto; padding-left: 15px; padding-right: 15px;position: absolute; background: yellowgreen; color: #FFFFFF; font-size: 16px; line-height: 25px; left: 0px; top: 10px;border-top-right-radius: 50px;-webkit-border-top-right-radius: 50px;-mozborder-top-right-radius: 50px;border-bottom-right-radius: 50px;-webkit-border-bottom-right-radius: 50px;-moz-border-bottom-right-radius: 50px;}


.tabMenu{height: 45px; display: block; overflow: hidden; position: relative; margin-top: 5px;}
.tabMenu li{font-size: 25px; color: #444;}
.tabMenu span{height: 3px; background: #F96E57; position: absolute; left: 0px; bottom: 0px;}
.tabMenu .active{color: #F96E57;}

.tabBox{padding-left: 5px; padding-right: 5px; padding-bottom:15px;overflow: hidden; background: #FFDCCB; overflow: hidden;display: none;}
.tabBox table{background: #FFFFFF;}

#container {width: 100%;margin: auto; position: relative;}
#container .grid {background-color: #fff; min-height: 100px; margin:5px;padding-bottom: 5px;width: 145px;overflow: hidden;display: block;}
#container .grid img {padding: 0px;display: block;width: 100%;}
#container .grid span{height: 35px; line-height: 35px; padding-left: 5px; padding-right: 5px;}
